<template>
  <div>
    <div class="banner">
      <div class="mask"></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // /api/top/list?idx=1
    }
  },
}
</script>

<style scoped>
  .banner {
    height: 186px;
    overflow: hidden;
    position: relative;
  }
  .mask {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('http://p1.music.126.net/GhhuF6Ep5Tq9IEvLsyCN7w==/18708190348409091.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 50%;
    filter: blur(20px);
    transform: scale(1.5);
  }
</style>